<template>
<h1>{{ info }}</h1>
<!--  属性绑定 :属性名="变量"   让某个属性的值和变量进行绑定-->
  <input type="text" :value="info">
  <input type="text" v-bind:value="info">
  <a :href="url">超链接</a>
</template>

<script setup>
import {ref} from "vue";

const info = ref('属性绑定');
const url = ref('https://www.baidu.com');
</script>

<style scoped>

</style>